<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="css/animate.css" rel="stylesheet" />
		<style type="text/css">
			body {
				margin: 0;
				
				font: 14px/1.5 "Tahoma", arial, "Microsoft Yahei", sans-serif;
				    color: #757575;
				    -webkit-tap-highlight-color: transparent;
			}
					
			
			#big {
				width: 1250px;
				height: 1089px;
				margin: 60px auto;
			}
			
			#left {
				float: left;
				position: relative;
				
				
			}
			
			#left li {
				list-style: none;
			}
			
			
			#left .active a {
				position: relative;
				color: rgb(241, 102, 34);
			}
			
			#left .active a::before {
				content: "|";
				color: rgb(241, 102, 34);
				position: absolute;
				left: -30px;
			}
			
			a {
				text-decoration: none;
				font-size: 14px;
				color: #212121;
				display: block;
				width: 81px;
				margin-left: 57px;
				height: 13px;
				margin-bottom: 18px;
			}
			#right{
				    border-left: 1px solid #E0E0E0;
				    margin-bottom: 60px;
				    margin-left: 170px;
				    display: block;
					
			}
			
			#right img{
				    width: 72px;
				    aspect-ratio: auto 72 / 72;
				    height: 72px;
					float: left;
					
			}
			
			.javaex-hover-pulse {
				    text-align: center;
					margin: 0 auto;
					    display: block;
						    width: 800px;
						    height: 100px;
							overflow: hidden;
							
			}
			
			
			.pp2{
				text-align: left;
				display: block;
				   
					    font-size: 18px;
					    color: #212121;
					    line-height: 28px;
					    margin:10px 0 10px 0;
				    
					
			}
			.sp{
				width: 176px;
				height: 60px;
				margin-top: 10px;
				    margin-left: 33px;
					float: left;
			}
			.pp1{
				    display: block;
				   
					margin: 0;
					    padding: 0;
						text-align: left;
						
			}
		</style>
	</head>
	<body>
		<div id="top">
			<img style="width: 1900px;" src="images/ia_100000008.png">
		</div>
		
		<div id="big">
			<div id="left">
				<ul>
					<li><a id="a1" href="about.html">关于我们</a></li>
					<li><a id="a2" href="join.html">加入我们</a></li>
					<li class="active"><a id="a3" href="call.html">联系我们</a></li>
				</ul>
			
			
			</div>
			
			<!-- 右边部分 -->
			<div id="right">
				<div class="javaex-hover-pulse">
					<img src="images/31.png" />
					<span class="sp">
						<p class="pp1">市场商务合作</p>
						<p class="pp2">marketing@huolala.cn</p>
					</span>
				</div>
				
				<div class="javaex-hover-pulse ">
					<img src="images/32.png" />
					<span class="sp">
						<p class="pp1">企业用车商务合作</p>
						<p class="pp2">qiye@huolala.cn</p>
					</span>
				</div>
				
				<div class="javaex-hover-pulse ">
					<img src="images/33.png" />
					<span class="sp">
						<p class="pp1">客服热线</p>
						<p class="pp2">1010-3636</p>
					</span>
				</div>
				
				<div class="javaex-hover-pulse ">
					<img src="images/34.png" />
					<span class="sp">
						<p class="pp1" style="width: 500px;">吐槽邮箱(其他服务建议/意见)</p>
						<p class="pp2">tu-cao@huolala.cn</p>
					</span>
				</div>
				
				<div class="javaex-hover-pulse " style="height: 110px;">
					<img src="images/35.png" />
					<span class="sp" style="height: 97px;">
						<p class="pp1">廉正贪腐举报(内部员工)</p>
						<p class="pp2" style="width: 500px;">举报专线 0755-88607615（专人管理）</p>
						<p class="pp2">举报邮箱 icac@hulala</p>
					</span>
				</div>
				
				<div class="javaex-hover-pulse ">
					<img src="images/36.png" />
					<span class="sp">
						<p class="pp1">公司地址</p>
						<p class="pp2" style="width: 500px;">深圳市福田区梅华路105号多丽工业区科技楼802</p>
					</span>
				</div>
				
				<div style=" margin: 0 auto;width: 780px;height: 331px;"><img src="images/37.png" style="width: 780px;height: 331px;"/></div>
				
			</div>
			
			</div>
			
	</body>
</html>
